/* 
 * 短信管理
 */
import React from 'react';
import './shortMessage.css';

class ShortMessage extends React.Component {
    render() {
        return (
            <div className="page sm">
                <div className="page-head">
                    <h3 className="page-title">短信管理</h3>
                </div>
                <div className="sm-wrap">
                    <div className="sm-head">
                        <p className="sm-tips">某某的短信平台只需站点后台绑定账号并开启即可使用，多个站点均可通用短信余额</p>
                        <div className="sm-manage">
                            <span>短信剩余：0 条</span>
                            <a className="manage-btn sm-recharge">充值</a>
                            <a className="manage-btn sm-personal">自定义短信</a>
                        </div>
                    </div>
                    <div className="sm-content">
                        <div className="sm-content-head">
                            <div className="sm-content-left">发送记录</div>
                            <div>
                                <label>按站点查找：</label>
                                <input type="text" placeholder="全部站点" />
                            </div>
                        </div>
                        <div className="page-table">
                            <div className="page-thead">
                                <div className="page-tr">
                                    <div className="page-td-30">发送内容</div>
                                    <div className="page-td-20">发送时间</div>
                                    <div className="page-td-20">使用站点</div>
                                    <div className="page-td-20">条数</div>
                                    <div className="page-td-10">状态</div>
                                </div>
                            </div>
                            <div className="page-tbody">
                                <div className="page-tr">
                                    <div style={{textAlign: 'center'}} className="page-td-100">
                                        没有任何记录
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}

export default ShortMessage;